<script>
import { mapActions } from 'vuex';

export default {
  async onShow() {
    console.log('App show');
  },
  onHide: function() {
    console.log('App Hide');
  },
  methods: {
    ...mapActions(['getUserInfo'])
  }
};
</script>
<style lang="scss">
/*每个页面公共css */
page {
  min-height: 100%;
  display: flex;
  font-size: 14px;
}

body {
  background: #ffffff;
}

input,
textarea,
button {
  font-size: 14px;
}

/* #ifdef MP-BAIDU */
page {
  width: 100%;
  height: 100%;
  display: block;
}

swan-template {
  width: 100%;
  min-height: 100%;
  display: flex;
}

/* 原生组件模式下需要注意组件外部样式 */
custom-component {
  width: 100%;
  min-height: 100%;
  display: flex;
}

/* #endif */

/* #ifdef MP-ALIPAY */
page {
  min-height: 100vh;
}

/* #endif */

/* 原生组件模式下需要注意组件外部样式 */
m-input {
  width: 100%;
  /* min-height: 100%; */
  display: flex;
  flex: 1;
}

.input-group {
  background-color: #ffffff;
  margin-top: 20px;
  position: relative;
}

.input-group::before {
  // position: absolute;
  // right: 0;
  // top: 0;
  // left: 0;
  // height: 1px;
  // content: '';
  // -webkit-transform: scaleY(.5);
  // transform: scaleY(.5);
  // background-color: #c8c7cc;
}

.input-group::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}

.input-row {
  display: flex;
  flex-direction: row;
  position: relative;
  /* font-size: 18px; */
  height: 40px;
  line-height: 40px;
}

.input-row .title {
  width: 70px;
  padding-left: 15px;
}

.input-row.border::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 8px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background-color: #c8c7cc;
}

.btn-row {
  // margin-top: 50rpx;
  margin: 50rpx 0;
  /* padding: 10px; */
}

button {
  padding: 6rpx 0;
  border-radius: 6rpx;
  box-shadow: 0px 5rpx 30rpx rgb(41 132 248 / 30%);
  font-size: 28rpx;
}

button[type=primary],
button.button-hover,
button.primary {
  background-color: $uni-color-primary !important;
}

text {
  // color: $uni-text-color;
}

.block {
  display: block;
}

.ml20 {
  margin-left: 40rpx;
}

picker {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;

  text {
    width: 100%;
    font-size: $uni-font-size-base;
  }

  view {
    width: 100%;
    font-size: $uni-font-size-base;
  }
}
</style>
